<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ZCOOL</title>
    <link rel="stylesheet" href="./stylesheets/index.css">
</head>

<body>
    <div class="toper">
        <div class="toper_content">
            <div class="toper_l">
                <img src="images/logo.svg" alt="logo">
            </div>
            <div class="toperHide">
                <span class="toperHide_span"></span>
                <input type="text">
                <a href="#"></a>
            </div>
            <div class="toper_c">
                <ul>
                    <li index='0'><a href="#">首页</a></li>
                    <li index='1'><a href="#">发现</a>
                        <div class="toper_c_found">
                            <ul>
                                <li style="border:none"><a href="#">平面</a></li>
                                <li><a href="#">UI</a></li>
                                <li><a href="#">网页</a></li>
                                <li><a href="#">插画</a></li>
                                <li><a href="#">动漫</a></li>
                                <li><a href="#">摄影</a></li>
                                <li><a href="#">空间</a></li>
                                <li style="border:none"><a href="#">工业/产品</a></li>
                                <li><a href="#">三维</a></li>
                                <li><a href="#">影视</a></li>
                                <li><a href="#">手工艺</a></li>
                                <li><a href="#">纯艺术</a></li>
                                <li><a href="#">服装</a></li>
                                <li><a href="#">其它</a></li>
                            </ul>
                            <div class="toper_c_found_bottom">
                                <span><a href="#">精选作品 ></a></span>
                                <span><a href="#">精选文章 ></a></span>
                                <span><a href="#">精选收藏 ></a></span>
                            </div>
                        </div>
                    </li>
                    <li index='2'><a href="#">同城</a></li>
                    <li index='3'><a href="#">职位</a>
                        <div class="toper_c_position">
                            <ul>
                                <li><a href="#">职位</a></li>
                                <li><a href="#">公司</a></li>
                                <li><a href="#">+发布职位</a></li>
                            </ul>
                        </div>
                    </li>
                    <li index='4'><a href="#">活动</a>
                        <div class="toper_c_activity">
                            <ul>
                                <li><a href="#">设计大赛</a></li>
                                <li><a href="#">专题策划</a></li>
                                <li><a href="#">线上活动</a></li>
                                <li><a href="#">线下活动</a></li>
                            </ul>
                        </div>
                    </li>
                    <li index='5'><a href="#">正版素材</a>
                        <div class="toper_c_activity">
                            <ul>
                                <li><a href="#">图片</a></li>
                                <li><a href="#">视频</a></li>
                                <li><a href="#">字体</a></li>
                                <li><a href="#">音乐</a></li>
                            </ul>
                        </div>
                    </li>
                    <li index='6'><a href="#">课程</a>
                        <div class="toper_c_activity" style="height:54px">
                            <ul>
                                <li><a href="#">正在热销</a></li>

                            </ul>
                        </div>
                    </li>
                    <li index='7'><span></span>
                        <div class="toper_c_position">
                            <ul>
                                <li><a href="#">榜单</a></li>
                                <li><a href="#">设计师</a></li>
                                <li><a href="#">站酷app</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>

            </div>
            <div class="toper_r">
                <div class="toper_r_left">
                    <div id="toper_r_left_list1"><b class="toper_r_left_list1"></b></div>
                    <div id="toper_r_left_list2"><b class="toper_r_left_list2"></b></div>
                </div>
                <div class="toper_r_right">
                    <ul>
                        <li><a href="#">登陆</a></li>
                        <li><a href="#">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="commen rotationChart" id="rotationChart">
        <ul class="bennerList">
            <li><img src="images/1.jpg@1380w" alt="......"></li>
            <li><img src="images/2.jpg@1380w" alt="......"></li>
            <li><img src="images/3.jpg@1380w" alt="......"></li>
            <li><img src="images/4.jpg@1380w" alt="......"></li>
            <li><img src="images/1.jpg@1380w" alt="......"></li>
        </ul>
        <span class="rotationChart_l"></span>
        <span class="rotationChart_r"></span>
    </div>
    <div class="commen advertisement" id="advertisement"></div>
    <div class="commen title">
        <ul>
            <li><a href="#" id="title_first">首页推荐</a></li>
            <li><a href="#">最新发布</a></li>
            <li><a href="#">上升最快</a></li>
        </ul>
    </div>
    <div class="backTop">TOP</div>
    <div class="mainContent">
        <div class="mainContentList">
        </div>
        <div class="mainContentList_btn">
            <a href="#" id="mainContentList_btn_first1">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
            <a href="#">7</a>
            <a href="#">...</a>
            <a href="#">99</a>
            <a href="#">100</a>
            <a href="#">
                <img src="images/13.svg" alt="......">
            </a>
        </div>
    </div>
    <div class="like">


        <div class="like_content">
            <div class="like_img">
                <img src="images/17.jpg" alt="......" class="like_img">
            </div>
            <div class="like_content_t">
                <P>猜你喜欢</P>
                <a href="#">换一换</a>
            </div>
            <div class="like_content_b">
            </div>
        </div>

    </div>
    <div class="footer">
        <div class="footerContent">
            <div class="footerContent_t">
                <div class="footerContent_tl">
                    <a href="#" class="phone">移动版</a>
                    <a href="#">关于我们</a>
                    <a href="#">加入站酷</a>
                    <a href="#">用户协议</a>
                    <a href="#">企业服务</a>
                    <a href="#">帮助中心</a>
                    <a href="#">联系我们</a>
                    <a href="#">中文</a>
                    <a href="#">English</a>
                </div>
                <div class="footerContent_tr">
                    <a href="#" class="footerContent_tr_list1"></a>
                    <a href="#" class="footerContent_tr_list2"></a>
                </div>
            </div>
            <div class="footerContent_bt">
                <a href="#">京ICP备11017824号-4</a><i></i>
                <a href="#">京ICP证130164号</a><i></i>
                <span><a href="#" class="police">京公网安备11010502000501号</a></span><i></i>
                <span><a href="#">网络文化经营许可证 京网文[2016]6173-844号</a></span><i></i>
                <span><a href="#">广播电视节目制作经营许可证（京）字第06990号</a></span>
            </div>
            <div class="footerContent_bb">
                    <a href="#">网上有害信息举报专区</a><i></i>
                    <span>不良信息举报电话：010-56538658</span><i></i>
                    <span>举报邮箱  jubao@zcool.com.cn</span><i></i>
                    <span>联系电话：010-56538600</span>
                    <span class="right">Copyright © 2006-2019 <a href="#">ZCOOL站酷</a></span>
            </div>
        </div>
    </div>

</body>
<script src="./scripts/index.js"></script>

</html>